<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>blog</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href='${baseUrl!}/static/css/base.css' rel="stylesheet">
<link href='${baseUrl!}/static/css/index.css' rel="stylesheet">
<link href='${baseUrl!}/static/css/pagin.css' rel="stylesheet">
<script type="text/javascript" src='${baseUrl!}/static/js/jquery.min.js'></script>
<script type="text/javascript" src='${baseUrl!}/static/js/sliders.js'></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<%
include("/common/header.html"){}
%>
<article>
  <div class="l_box f_l">
    <div class="banner">
      <div id="slide-holder">
        <div id="slide-runner"> <a href="/" target="_blank"><img id="slide-img-1" src='${baseUrl!}/static/images/a1.jpg' alt="" /></a> <a href="/" target="_blank"><img id="slide-img-2" src='${baseUrl!}/static/images/a2.jpg'  alt="" /></a> <a href="/" target="_blank"><img id="slide-img-3" src='${baseUrl!}/static/images/a3.jpg' alt="" /></a> <a href="/" target="_blank"><img id="slide-img-4" src='${baseUrl!}/static/images/a4.jpg' alt="" /></a>
          <div id="slide-controls">
            <p id="slide-client" class="text"><strong></strong><span></span></p>
            <p id="slide-desc" class="text"></p>
            <p id="slide-nav"></p>
          </div>
        </div>
      </div>
      <script>
    if(!window.slider) {
    var slider={};
  }

  slider.data= [
    {
        "id":"slide-img-1", // 与slide-runner中的img标签id对应
        "client":"标题1",
        "desc":"这里修改描述 这里修改描述 这里修改描述" //这里修改描述
    },
    {
        "id":"slide-img-2",
        "client":"标题2",
        "desc":"add your description here"
    },
    {
        "id":"slide-img-3",
        "client":"标题3",
        "desc":"add your description here"
    },
    {
        "id":"slide-img-4",
        "client":"标题4",
        "desc":"add your description here"
    }
  ];

    </script>
    </div>
    <!-- banner代码 结束 -->
    <div class="topnews">
     <h2>最新文章</h2>
     
    <%for(article in page.list){%>
     <div class="blogs">
     	<figure><img src="${article.image_url!}"></figure>
        <ul>
          <h3><a href="${baseUrl!}/page/article/${article.id!}">${article.title!}</a></h3>
          <p>${subString(article.content!)}</p>
          <p class="autor">
          	<span class="lm f_l">
          <%for(cate in article.categories!){%>
          	<a href="/category/search/key=${cate.name!}">[${cate.name!}]</a>
          <%}%>
          	</span><span class="dtime f_l">${article.create_date,"yyyy-MM-dd"}</span>
          	<span class="viewnum f_r">浏览（<a href="/">${article.read_count}</a>）</span>
          	<span class="pingl f_r">评论（<a href="/">${article.comment_count!'0'}</a>）</span></p>
        </ul>
      </div>
    <%}%>
    </div>
  <div id="pagination" >
  <%
	includeFileTemplate("/common/_pagin.html",{
	uri : '/',
	page : page
	}){}
  %>
   </div>
  </div>
<%
include("/common/sidebar.html"){}
%>
  <!--r_box end -->
</article>
<%
include("/common/footer.html"){}
%>
</body>
</html>
